<template>
<div>
    <van-search v-model="searchValue" placeholder="请输入搜索关键词" />
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <!-- <van-swipe-item v-for="item in bannerData" :key="item.id">
          <img :src="item.picUrl" alt="">
        </van-swipe-item> -->
        
    </van-swipe>
</div>
</template>
<script>
import axios from 'axios'
export default {
   data() {
    return {
      searchValue: '周杰伦',
      bannerData:[]
    };
  },
  created(){
    this.getBanner()
  },
  methods:{
  getBanner(){
    axios.get("http://171.220.242.237:3001/search?keywords="+this.searchValue)
    .then(res => {
    //   console.log(res.data)
      this.bannerData = res.data
    })
    .catch(err => {
      console.error(err); 
    })
  }
}
}
</script>
<style scoped>
  
   .my-swipe .van-swipe-item img {
    width: 90%;
    border-radius:20px ;
  }
</style>